﻿
@{
    ViewBag.Title = "登录日志列表";
    var F = Html.F();
}

@section head {

}

@section body {
    @(F.Panel().ID("Panel1").BodyPadding(3).ShowBorder(false).ShowHeader(false).Layout(LayoutType.Fit).AutoScroll(true).IsViewPort(true)
     
            .Items(
                F.Grid().Layout(LayoutType.Fit).AllowPaging(true).IsDatabasePaging(true).ShowHeader(false).ShowBorder(true)
                .ID("Grid1").OnPageIndexChanged(Url.Action("ShowGrid"),"Panel1").DataIDField("GridID").EnableTextSelection(true).EnableHeaderMenu(false)
                    //.ForceFit(true)
                .Toolbars(F.Toolbar().Position(ToolbarPosition.Top)
                    .Items(
                        F.TextBox().ID("txb_keyword").EmptyText("用户名查询")
                        ,F.DatePicker().DateFormatString("yyyy-MM-dd").Label("日期范围").ID("dp_Date1").LabelWidth(120).Width(240)
                        ,F.DatePicker().DateFormatString("yyyy-MM-dd").Label("~").ID("dp_Date2").LabelSeparator("").LabelWidth(20).Width(140)
                        ,F.Button().ID("BtnSearch").Text("查询").Icon(Icon.SystemSearch).OnClientClick("onGridBind()")
                    )
            )
            .PageItems(
                F.ToolbarSeparator(),
                F.DropDownList().ID("ddlPageSize").Width(160).Label("每页记录数")
                    .Items(
                        F.ListItem().Text("10").Value("10"),
                        F.ListItem().Text("20").Value("20").Selected(true),
                        F.ListItem().Text("50").Value("50"),
                        F.ListItem().Text("100").Value("100")
                    ),
                F.ToolbarSeparator()
            )
            .Columns(
                F.RowNumberField(),
                F.RenderField().HeaderText("输入的用户名").DataField("UserName").Width(100)
                ,F.RenderField().HeaderText("登录失败后输入的密码明文").DataField("PwdShow").Width(100)
                ,F.RenderField().HeaderText("关联的用户id").DataField("UserId").FieldType(FieldType.String).TextAlign(TextAlign.Right).Width(100)
                ,F.RenderField().HeaderText("ip地址").DataField("IP").Width(120)
                // ,F.RenderField().HeaderText("登录方式(1=QQ,2=Weibo,3=Weixin)").DataField("LoginChannel").FieldType(FieldType.Int).TextAlign(TextAlign.Right).Width(100)
                // ,F.RenderField().HeaderText("浏览器信息").DataField("BrowserInfo").Width(100)
                // ,F.RenderField().HeaderText("客户端系统信息").DataField("OSInfo").Width(100)
                ,F.RenderField().HeaderText("原始客户代理信息").DataField("UserAgent").Width(100).ExpandUnusedSpace(true)
                ,F.RenderField().HeaderText("创建时间").DataField("Addtime").FieldType(FieldType.Date).Renderer(Renderer.Date).RendererArgument("yyyy-MM-dd").Width(100)
                ,F.RenderField().HeaderText("登录状态").DataField("LoginState").Width(80).RendererFunction("renderState")
                ,F.RenderField().HeaderText("备注").DataField("Remark").Width(100)

            )
    ))
    @(F.Window().ID("Window1").Height(500).Width(700).IsModal(true).EnableMaximize(true).EnableIFrame(true).Hidden(true).Icon(Icon.ApplicationFormEdit).Target(Target.Top).EnableResize(true)
        .CloseAction(CloseAction.HidePostBack).OnClose(Url.Action("ShowGrid"),"Panel1"))
}

@section script {
    <script>
        function onGridBind() {
            var grid1 = F.ui.Grid1;
            grid1.setPageIndex(0);
            // 触发后台事件
            F.doPostBack('@Url.Action("ShowGrid")', "Panel1");
        }

        F.ready(function() {
            onGridBind();
            F.ui.ddlPageSize.on('change', function () { onGridBind() });          
        })

       

        function renderState(value) {
            return value == "1" ? "成功" : "失败";
        }
    </script>
}
